@charset "utf-8";
html {
    font-family: 'sans-serif', "Microsoft YaHei", "微软雅黑", "Tahoma", "Helvetica";
    font-size: 12px;
    background: #fff;
    -webkit-text-size-adjust: 100%;
    -ms-text-size-adjust: 100%;
    -webkit-tap-highlight-color: rgba(0, 0, 0, 0)
}
body,ol,ul,h1,h2,h3,h4,h5,h6,p,th,td,dl,dd,form,fieldset,legend,input,textarea,select{margin:0;padding:0}
* {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-overflow-scrolling: touch} /* 苹果移动端 safari 下拉滑动 */
:before,:after {-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}
table{border-collapse:collapse;border-spacing:0}
img{border:0;vertical-align:middle}
p{word-wrap:break-word}
ol,ul,li{list-style:none}
a{color:#000;text-decoration:none}
a:hover,a:focus {outline: none;}
input[type=search]::-webkit-search-cancel-button,
input[type=search]::-webkit-search-decoration {-webkit-appearance: none;}
html,body{
    width:100%;
    height:100%;
}
#app{
    width:100%;
    height:100%;
}
@media screen and (min-width:320px){ /*  iPhone 4,5 */
  html{ font-size: 8px;}
}
@media screen and (min-width:360px){ /*  Nexus 5 iPhone 6 7 X*/
  html{ font-size: 8.5px;}
}
@media screen and (min-width:410px){  /*  Nexus 5x  */
  html{ font-size: 9px;}
}
@media screen and (min-width:414px){  /*  Nexus 6  */
  html{ font-size: 9.5px;}
}
@media screen and (min-width:768px){ /* ipad*/
  html{ font-size:12px;}
}
/* 安卓移动端显示滚动条 */
::-webkit-scrollbar {
  -webkit-appearance: none;
}

::-webkit-scrollbar:vertical {
  width: 6px;
}

::-webkit-scrollbar:horizontal {
  height: 12px;
}
/* scrollbar */
::-webkit-scrollbar-thumb {
  background-color: rgba(0, 0, 0, .5);
  border-radius: 5px;
  border: 1px solid #ffffff;
}
/* scrollbar导轨 */
::-webkit-scrollbar-track {
  border-radius: 1px;  
  background-color: #F8F8FA;
}
/* 安卓移动端显示滚动条 */
